<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<style type="text/css">
	*
	{
		margin: 0%;
		padding: 0%;
		box-sizing: border-box;
	}
	html
	{
		height: 100%;
		background: linear-gradient(to bottom, #00416A, #E4E5E6);
		
		color: #ffffff;
	}
	body
	{
		display: flex;
		justify-content: center;
		
	}
	label
	{
		display: flex;
		justify-content: center;
	}
	.form
	{
		
		width: 500px;
		height: 500px;
		background: rgba(255, 255, 255, 0.3);
		border-radius: 20px;
		border: none;
		box-shadow: 0px 0px 10px #ffffff;
		margin: 0 auto;
		margin-top: 5%;
		text-align: center;
		padding: 20px 0px;
		
	}

	input
	{
		
		width: 200px;
		height: 30px;
		border-radius: 7px;
		outline: none;
		border: 1px solid rgb(211, 211, 211);
	}
	label
	{
		margin: 0 auto;
		margin-top: 10px;
	}
	.radiox
	{
		width: 18px;
	}
	p{
		font-size: 26px;
		font-weight: bold;
		letter-spacing: 5px;
	}
	.submit
	{
		margin-top: 30px;
		width: 150px;
		height: 45px;
		background-color: #ffffff;
		border: 1px solid rgb(0, 225, 255);
		border-radius: 70px;
		color: rgb(0, 161, 182);
		outline: none;
	}
	.submit:hover
	{
		background: rgb(0, 161, 182);
		color: #ffffff;
	}
</style>
</head>
<body>
	<form class="form" action="/Testfirst/register" method="post">
		<p>注册界面</p>
		<label>
			账号: &nbsp;&nbsp;&nbsp;
			<input type="text" name="username">
		</label>
		<label>
			密码: &nbsp;&nbsp;&nbsp;
			<input type="password" name="password">
		</label>
		<label>
			姓名: &nbsp;&nbsp;&nbsp;
			<input type="text" name="name">
		</label>
		<label>
			性别: &nbsp;&nbsp;&nbsp;
			男: <input class="radiox" type="radio" name="sex" value="male">
			女: <input class="radiox" type="radio" name="sex" value="female">
		</label>
		<label>
			年龄: &nbsp;&nbsp;&nbsp;
			<input type="text" name="age">
		</label>
		<label>
			电话: &nbsp;&nbsp;&nbsp;
			<input type="text" name="telnum">
		</label>
		<label>
			地址: &nbsp;&nbsp;&nbsp;
			<input type="text" name="address">
		</label>
		<label>
			工作: &nbsp;&nbsp;&nbsp;
			<select name="job">
				<option value="teacher">教师</option>
				<option value="programmer">程序员</option>
				<option value="boss">老板</option>
			</select>
		</label>
			<input class="submit" type="submit" value="注册">
		
	</form>
</body>
</html>